<template>
  <lay-cascader :options="regionData" :value="value" @change="handleChange" allow-clear> </lay-cascader>
</template>

<script>
import { regionData } from 'element-china-area-data'
export default {
  props: {
    value: {
      type: [Array, String]
    },
    size: {
      type: String,
      default: 'small'
    }
  },
  setup(props, { emit }) {
    function handleChange(value) {
      emit('input', value)
      emit('change', value)
    }
    return {
      handleChange,
      regionData
    }
  }
}
</script>

<style lang="scss"></style>
